<template>
  <div class="recordList">
    <!-- 新增空间 -->
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'recordList',
  data () {
    return {
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
.recordList
  .Container
    .recordList
      height auto
      margin-top 20px
      display flex
      flex-direction row
      flex-wrap wrap
      justify-content space-between
      .recordBox
        width 320px
        height 150px
        border 1px #000 solid
        // justify-content space-around
        margin-top 40px
        // margin-left 40px
        position relative
        // display inline-block
        // &:nth-child(1)
        //  margin-left 20px
        .recordState
          width 100px
          height 100px
          border-radius 50%
          border 1px #000 solid
          position absolute
          right -25px
          top -25px
          background #fff
          span
            text-align right
            line-height 100px
</style>
